<!DOCTYPE html>
<html>

<%@include file="head.jspf" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<body>
<!-- Header -->
<%@include file="header.jspf" %>

<!-- Container -->
<div class="container">

    <div class="alert alert-success">

        <a class="btn" href="/undo/" title="Site">
            <i class="icon-off"></i> Undo
        </a>

        <!-- Button trigger modal -->
        <button class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModalHelp">
            <i class="icon-question-sign icon-white"></i>Show help
        </button>

        <a class="btn btn-warning " href="/break/" title="Break Test" style="float: right;">
            <i class="icon-off icon-white"></i> Break Learning
        </a>

    </div>


    <div class="content">

        <div class="question-result"><h2>${questionResult}</h2></div>
        <div class="question-complexity"><h4>Question complexity: ${questionData.complexity}</h4></div>
        <div class="page-header">
            <h3>${questionData.textOfQuestion}</h3>
        </div>

        <%@include file="question.jspf" %>
    </div>

    <hr>

    <div class="navbar navbar-fixed-bottom">
        <p class="center">© 2013</p>
    </div>

    <%@include file="help.jspf" %>

</div>

</body>
</html>